<template>
  <div class="index-wrap">

  <div class="loww-ww"  v-for="item in   pouse_value">
     <div class="index-wrap-ww"  id="wrap-ww">
          <a href="#"  class="tup-ow-a"> 
               <img v-lazy="item.imgss">
          </a>
  </div>
      <div class="poswo-a-a"  id="poswo-a-a">
             <a href="#" class="poswo-lo">
               <img v-lazy="item.imgswo">
               </a>
                
      </div>
    </div>
  <!-- <lowss></lowss>  -->
  </div>
</template>

<script>
import axios from 'axios'
import App from '@/App'
import  lowss from './lowss'
export default {
  name: 'Index',
  data(){
       return{
          phps:[],
       }
  },
   props: ['pouse_value'],
          created(){
     this.getList();
  },
    methods:{
       getList(){
            	axios.get("/api/yingshi").then((res)=>{
				// console.log(res.data.buttouns)
         this.phps=res.data.buttouns;

			}).catch((err)=>console.log(err))
        },
  },
  components:{
        lowss
  }
}
</script>
<style   lang="scss"   scoped>
*{
  margin:0;
  padding:0;
}
#wrap-ww{
     width:100%;
     height:163px;
     .tup-ow-a{
        height:163px;
         img{
           width:100%;
     height:100%;
         }
     }
}
#poswo-a-a{
      width:100%;
      height:245px;
      background:green;
    .poswo-lo{
        // height:50px;
        //  height:274px;
          background:pink;
              // display: block;
            img{
                    height:245px;
            }
    }
}
.clearfix{
  overflow:hidden;
}

</style>
